<!--
 * @Author: hua
 * @Date: 2021-01-26 20:33:27
 * @description: 
 * @LastEditors: hua
 * @LastEditTime: 2021-02-04 21:41:51
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>工具鸡安装向导</title>
    <link rel="stylesheet" href="{{ url_for('static',filename='css/install.css') }}">
</head>

<body>
    <div class="wrap">
        <div class="header">
            <h1 class="logo">logo</h1>
            <div class="icon_install">安装向导</div>
            <div class="version"></div>
        </div>
        {% if step == '2' %}
        <section class="section">
            <div class="step">
                <ul>
                    <li class="current"><em>1</em>检测环境</li>
                    <li><em>2</em>安装依赖</li>
                    <li><em>3</em>配置参数</li>
                    <li><em>4</em>完成安装</li>
                </ul>
            </div>
            <div class="server">
                <table width="100%">
                    <tbody>
                        <tr>
                            <td class="td1">环境检测</td>
                            <td class="td1" width="25%">推荐配置</td>
                            <td class="td1" width="25%">当前状态</td>
                            <td class="td1" width="25%">最低要求</td>
                        </tr>
                        <tr>
                            <td>操作系统</td>
                            <td>类UNIX</td>
                            <td><span class="correct_span">√</span>{{ data['platform'] }}</td>
                            <td>不限制</td>
                        </tr>
                        <tr>
                            <td>nginx</td>
                            <td>>1.6.x</td>
                            {% if data['install_nginx_warn'] == False %}
                                <td><span class="error_span">x</span> 
                            {% endif %}
                            {% if data['install_nginx_warn'] == True %}
                                <td><span class="correct_span">√</span>{{ data['install_nginx'] }}</td>
                            {% endif %}
                            <td>nginx1.6以上</td>
                        </tr>
                        <tr>
                            <td>python</td>
                            <td>&gt;3.5.x</td>
                            {% if data['install_py_warn'] == False %}
                                <td><span class="error_span">x</span> 
                            {% endif %}
                            {% if data['install_py_warn'] == True %}
                                <td><span class="correct_span">√</span>{{ data['install_py'] }}</td>
                            {% endif %}
                            <td>3.5.2以上</td>
                        </tr>
                        <tr>
                            <td>mysql</td>
                            <td>&gt;5.1.x</td>
                            {% if data['install_mysql_warn'] == False %}
                                <td><span class="error_span">x</span> 
                            {% endif %}
                            {% if data['install_mysql_warn'] == True %}
                                <td><span class="correct_span">√</span>{{ data['install_mysql'] }}</td>
                            {% endif %}
                            <td> 5.1.0以上</td>
                        </tr>
                        <tr>
                            <td>node</td>
                            <td>&gt;14.4.x</td>
                            {% if data['install_node_warn'] == False %}
                                <td><span class="error_span">x</span> 
                            {% endif %}
                            {% if data['install_node_warn'] == True %}
                                <td><span class="correct_span">√</span>{{ data['install_node'] }}</td>
                            {% endif %}
                            <td> 14.4.0以上</td>
                        </tr>
                        <tr>
                            <td>redis</td>
                            <td>&gt;4.0.x</td>
                            {% if data['install_redis_warn'] == False %}
                                <td><span class="error_span">x</span> 
                            {% endif %}
                            {% if data['install_redis_warn'] == True %}
                                <td><span class="correct_span">√</span>{{ data['install_redis'] }}</td>
                            {% endif %}
                            <td> 4.0.0以上</td>
                        </tr>
                    </tbody>
                </table>
                <table width="100%">
                    <tbody>
                        <tr>
                            <td class="td1">目录、文件权限检查</td>
                            <td class="td1" width="25%">推荐配置</td>
                            <td class="td1" width="25%">写入</td>
                            <td class="td1" width="25%">读取</td>
                        </tr>
                        <tr>
                            <td>public/install</td>
                            <td>读写</td>
                            <td><span class="correct_span">√</span>可写 </td>
                            <td><span class="correct_span">√</span>可读</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="bottom tac">
                <a href="/install?step=2" class="btn">重新检测</a>
                <a href="/install?step=3" class="btn">下一步</a>
            </div>
        </section>
        {% endif %}
        {% if step == '3' %}
        <section class="section">
            <div class="step">
                <ul>
                    <li><em>1</em>检测环境</li>
                    <li class="current"><em>2</em>安装依赖</li>
                    <li><em>3</em>配置参数</li>
                    <li><em>4</em>完成安装</li>
                </ul>
            </div>
            <div class="server">
              
            </div>
            <div class="bottom tac">
                <a href="/install?step=2" class="btn">上一步</a>
                <a href="/install?step=4" class="btn">下一步</a>
            </div>
        </section>
        {% endif %}
        {% if step == '4' %}
        <section class="section">
            <div class="step">
                <ul>
                    <li><em>1</em>检测环境</li>
                    <li><em>2</em>安装依赖</li>
                    <li class="current"><em>3</em>配置参数</li>
                    <li><em>4</em>完成安装</li>
                </ul>
            </div>
            <div class="server">
              
            </div>
            <div class="bottom tac">
                <a href="/install?step=3" class="btn">上一步</a>
                <a href="/install?step=5" class="btn">下一步</a>
            </div>
        </section>
        {% endif %}
        {% if step == '5' %}
        <section class="section">
            <div class="step">
                <ul>
                    <li><em>1</em>检测环境</li>
                    <li><em>2</em>安装依赖</li>
                    <li><em>3</em>配置参数</li>
                    <li class="current"><em>4</em>完成安装</li>
                </ul>
            </div>
            <div class="server">
              
            </div>
            <div class="bottom tac">
                <a href="" class="btn">完成</a>
            </div>
        </section>
        {% endif %}
    </div>
</body>

</html>